@import "../common/vars.scss";
@import "../mixins/mixins.scss";
@include create(scrollbar){
    position:relative;
    overflow:hidden;
    &:hover,
    &:active,
    &:focus {
        > .aiui-scrollbar-bar {
            opacity: 1;
            transition: opacity 340ms ease-out;
        }
    }


    @include m(bar){
        position: absolute;
        right: 2px;
        bottom: 2px;
        z-index: 1;
        border-radius: 4px;
        opacity: 0;
        transition: opacity .12s ease-out;
        @include when(vertical){
            width: 6px;
            top: 2px;
            & > div{
                width: 100%;
            }
        }
        @include when(horizontal){
            height: 6px;
            left: 2px;
        }
    }
    @include m(slide){
        position: relative;
        display: block;
        width: 0;
        height: 0;
        cursor: pointer;
        border-radius: inherit;
        background-color: hsla(220,4%,58%,.3);
        transition: background-color .3s;
    }
}